@media screen and (min-width: 640px){

  .card-header h3 {
    display:inline-block;
    margin:0;
    padding:0;
  }
}

.card {
  /*background-color:darkgreen;*/
  display:flex;
  flex-direction:column;
  color:white;
  /*margin:10px;*/
  border-radius:10px;
  height:100vh;
}
.card-header{
  display:flex;
  align-items: center;
  margin:10px;
  border-bottom:2px solid white;
}
.card-header>div{
  flex-grow:1;
  text-align:center;
}
.card-header img{
  height:80px;
  padding-bottom:10px;
}
.card-content{
  flex-shrink:1;
  flex-grow:1;
  overflow:auto;
  padding:0 10px;
}
small{
  margin-left:5px;
  font-style:italic;
}
li{
  line-height:2.5;
}
.card-footer{
  display:flex;
  margin:10px;
  border-top:2px solid white;
  padding:10px 0;
}
.card-footer>div{
  color:yellow;
  font-weight:bolder;
  font-size:18px;
  flex-grow:1;
  line-height:50px;
  text-align:center;
}
p{
  margin:0;
}
